import { Result, Button } from "antd"
import { useNavigate } from "react-router-dom"

const NotFoundPage = () => {
  const navigate = useNavigate()

  return (
    <Result
      status="404"
      title="页面不存在~"
      subTitle="很抱歉, 该页面不存在"
      extra={
        <Button onClick={() => navigate("/")} type="primary">
          返回首页
        </Button>
      }
    />
  )
}

export default NotFoundPage
